import { Layout } from 'antd';
import styled from 'styled-components';
import HeaderBar from '@/components/HeaderBar';

const { Content } = Layout;

const StyledLayout = styled(Layout)`
  min-height: 100vh;
`;

const StyledContent = styled(Content)`
  padding: 0;
  background: var(--gray-11);
  min-height: calc(100vh - 48px);
  height: calc(100vh - 48px);
  overflow: hidden;
`;

const StyledIframe = styled.iframe`
  width: 100%;
  height: 100%;
  border: none;
`;

export default function AlgorithmPage() {
  return (
    <StyledLayout>
      <HeaderBar />
      <StyledContent>
        <StyledIframe
          src="http://192.168.10.213:5173/"
          title="Algorithm Documentation"
        />
      </StyledContent>
    </StyledLayout>
  );
}
